.oGrid
{
    border-spacing:0;
    border: 1px solid #ccc;
    border-radius: 6px;
}
.oGrid td{
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    color:#555555;
    text-overflow:ellipsis;
    white-space: nowrap;
    padding: .4em .6em;
    font-size: 0.9em;
}
.oGrid td:first-child{
    border-left: 0px;

}
.oGrid .headerrow th 
{
    font-size: 1em;
    color: #000;
    border-left: 1px solid #ccc;
    border-top: none;
    border-right: none;
    border-bottom: none;
    background: linear-gradient(#ebf3fc,#78aeb7); 
    text-align:center;
    line-height:28px;
    /* position: relative; cursor :e-resize;display: inline;overflow: hidden; */
}
.oGrid .headerrow th:first-child { border-left: none; border-radius: 6px 0 0 0; }

.oGrid .headerrow th:last-child { border-radius: 0 6px 0 0; }

.oGrid .selected{background-color:#ebffaa;}

.oGrid .sortable {
    cursor:pointer;
}

.oGrid .sort-asc {
    margin-top:10px;
    position:absolute;
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid black;
}

.oGrid .sort-desc {
    margin-top:10px;
    position:absolute;
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid black;
}

.oGrid datarowodd{background-color:#ffffff;}
.oGrid .dataroweven{background-color:#dcf3f6;}
.oGrid .datarowodd:hover, .dataroweven:hover {
    background-color: #bbefef;
}

.oGrid div.pagination ul {
    list-style: none;
    padding: 0px;
    line-height: 0px;
}

.oGrid div.pagination li {
    display: inline;
}

.oGrid div.pagination {
    overflow: hidden;
    font-size: 9pt;
    padding:0px;
    margin:3px;
    text-align:center;
}

.oGrid div.pagination li.normal {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #9aafe5;

    text-decoration: none;
    color: #2e6ab1;
}

.oGrid div.pagination li.normal:hover, div.pagination li.normal:active {
    border: 1px solid #2b66a5;
    color: #000;
    background-color: lightyellow;
}

.oGrid div.pagination li.current {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid navy;
    font-weight: bold;
    background-color: #2e6ab1;
    color: #FFF;
}

.oGrid div.pagination li.disabled {
    padding: 2px 5px 2px 5px;
    margin-right: 2px;
    border: 1px solid #929292;
    color: #929292;
}

.oGrid div.toolbar
{
    padding-bottom:2px;
}
.oGrid div.toolbar .btn
{
    background: linear-gradient(#ebf3fc,#78aeb7);
    color: #393939;
    border:1px #aaaaaa solid;
    border-radius: 4px;
    padding-bottom: 5px;
    box-shadow:3px 3px 6px -2px rgba(20%,20%,40%,0.5);
}
.oGrid div.toolbar .btn:disabled {
    background: linear-gradient(#ebf3fc,#808080);

} 
.oGrid div.toolbar .btn:hover {
    background: linear-gradient(#FFF,#78aeb7);
    color: #101010;
}
.oGrid div.toolbar .btn[disabled]:hover {
    /* turn off button hover styles */
    background: linear-gradient(#ebf3fc,#808080);
    color: #393939;
}